<template>
  <div>
    <h1>hello world </h1>
    <h2>{{ mes }}</h2>

    <slot name="default">
      默认内容
    </slot>
    <slot name="header">
      默认标题插槽内容
    </slot>
    <slot name="footer"></slot>

    <slot name="qqqq" v-bind="user"></slot>
  </div>
</template>


<script>
export default {
  props: {
    mes: String
  },
  data() {
    return {
      user: {
        name: '张三',
        age: 18
      }
    }
  }
}
</script>